// 需求: 完成一个简单的评论列表案例

import React from 'react'
import ReactDOM from 'react-dom/client'

// 定义组件
// react中有两种组件: 函数组件, 类组件

// 函数组件
// 1. 组件名的首字母要求大写
function Test() {
  // 2. 组件中必须写return
  // 3. return 后面写的是当前组件要封装的jsx结构.如果没有结构要返回也可以返回一个null
  return <h1>Test组件</h1>
}

// 类组件
// 1. 类组件首字母要大写
// 2. 必须继承React.Component
class Demo extends React.Component {
  // 3. 必须定义render函数
  render() {
    // 4. 必须写return,return后面跟的是jsx结构或null
    return <h1>demo组件</h1>
  }
}

// 使用组件
// 把组件当做标签去使用
// <Test></Test>
// <Test/>
// <Demo></Demo>
// <Demo/>

ReactDOM.createRoot(document.getElementById('root')).render(<Demo />)
